<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Login</title>
</head>
 <style>
body{width:99%;	height:100%;background: #0866C6;}
.main1{width: 100%; height: 100%; }
.login{width: 300px; margin:18% 40%; height: auto; }
.login form {text-align: center;font-weight: bolder;}
.login form>div{margin-bottom: 10px;}
.login form>div>input{padding: 10px;}
.login form .text input {width: 88%;border: none;border: 1px solid gray;border-radius :2px;color: #646464;	font-size: 18px;}
.login form .button input{	width: 95%;	color:  white;background: none repeat scroll 0 0 #1E82E8;cursor: pointer;border: none;padding: 12px;font-size: 15px;}
.login form .button input:HOVER{opacity:0.7;}
.login form .save{float: left;margin-left: 3px;}
.login form .save input{cursor: pointer;}
.login form .save label{color:white ; font-size: 13px; font-weight: 400; opacity:0.7;}
.login form .save label:HOVER{cursor: pointer;}
</style>
<body>
	<div class="main1">
		<div class="login">
			<form action="" method="post">
				<div class="text">
					<input id="username" name="account" type="text" placeholder="Enter your username">
				</div>
				<div class="text">
					<input id="password" name="password" type="password" placeholder="Enter your password">
				</div>
				<div class="button">
					<input type="submit" value="Sign in">
				</div>
				<div class="save">
					<input type="checkbox" name="check" value="" id="boo"> <label for="boo">Keep
						me sign in</label>
				</div>
			</form>
		</div>
	</div>
</html>